<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
    <script src="../blackbird.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="../blackbird.css">
</head>

<body>
<!--<script type="text/javascript">-->
    <!--function getInfo(){-->
        <!--var s = "";-->
        <!--s += " 网页可见区域宽："+ document.body.clientWidth+"\n";-->
        <!--s += " 网页可见区域高："+ document.body.clientHeight+"\n";-->
        <!--s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";-->
        <!--s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"\n";-->
        <!--s += " 网页正文全文宽："+ document.body.scrollWidth+"\n";-->
        <!--s += " 网页正文全文高："+ document.body.scrollHeight+"\n";-->
        <!--s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"\n";-->
        <!--s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"\n";-->
        <!--s += " 网页被卷去的左："+ document.body.scrollLeft+"\n";-->
        <!--s += " 网页正文部分上："+ window.screenTop+"\n";-->
        <!--s += " 网页正文部分左："+ window.screenLeft+"\n";-->
        <!--s += " 屏幕分辨率的高："+ window.screen.height+"\n";-->
        <!--s += " 屏幕分辨率的宽："+ window.screen.width+"\n";-->
        <!--s += " 屏幕可用工作区高度："+ window.screen.availHeight+"\n";-->
        <!--s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"\n";-->
        <!--s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";-->
        <!--s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";-->

<!--//        alert (s);-->
    <!--}-->
    <!--getInfo();-->
<!--</script>-->
blackbirdJS test...
<hr/>
<button onclick="log.debug( 'this is a debug message' );" >log.debug( 'this is a debug message' )</button><br>
<button onclick="log.info( 'this is an info message' );" >log.info( 'this is an info message' );</button> <br>
<button onclick="log.warn( 'this is a warning message' );" >log.warn( 'this is a warning message' );</button> <br>
<button onclick="log.error( 'this is an error message' );" >log.error( 'this is an error message' );</button>      <br>
<!--<img src="blackbirdJS.jpg">
<div id="123"style="width:500px;height:500px;position:fixed; bottom:0; right:0; _position:absolute; _top:expression(offsetParent.scrollTop+ document.body.offsetHeight-250-10); _left:expression(offsetParent.scrollLeft);"><img src="blackbirdJS.jpg">  </div>

<div id="456"style="width:500px;height:300px;_position:absolute; _top:expression(319+offsetParent.scrollTop); left:0; "><img src="blackbirdJS.jpg">1312  </div>
<div  ><img src="blackbirdJS.jpg">  </div>       -->
<div><img src="blackbirdJS.jpg">  </div>

<h2>support browser</h2>
<img src="supportBrowser.jpg">
</body>
</html>
